*{
	margin: 0px;
	padding: 0x;
}

.main{
	width:100%;
	height:60px;
	background:white;
	position: fixed;
	bottom:0px;
	left:0px;
}
.main>a{
	color: gray;
	text-decoration: none;
	float: left;
	width:33.3%;
	height:100%;
	line-height: 40px;
	text-align: center;
}
/* 优先级问题 */
.main>.router-link-active{
	color:#1afa29;
	background:gainsboro;
}
.main>a>.sp1{
	position: relative;
	display: block;
	background:url(../img/index01.png);
	background-size: 70%;
	background-repeat: no-repeat;
	top: 20%;
	left: 39%;
	width:33.3%;
	height:50%;
	line-height: 20px;
	
}
.main>.router-link-active>.sp1{
	background:url(../img/index02.png);
	background-size: 80%;
	background-repeat: no-repeat;
}
.main>a>.sp2{
	position: relative;
	display: block;
	background:url(../img/study.png);
	background-size: 70%;
	background-repeat: no-repeat;
	top: 20%;
	left: 39%;
	width:33.3%;
	height:50%;
	line-height: 20px;
	
}
.main>.router-link-active>.sp2{
	background:url(../img/study1.png);
	background-size: 80%;
	background-repeat: no-repeat;
}
.main>a>.sp3{
	position: relative;
	display: block;
	background:url(../img/my01.png);
	background-size: 70%;
	background-repeat: no-repeat;
	top: 20%;
	left: 38%;
	width:33.3%;
	height:50%;
	line-height: 20px;
	
}
.main>.router-link-active>.sp3{
	background:url(../img/my02.png);
	background-size: 80%;
	background-repeat: no-repeat;
}